/*     头部    */
.login-header {
    display: flex;
    align-content:center;
    align-items: center;
    justify-content: center;
    background-color: rgb(44, 151, 222);
    height: 1.2rem;
    box-shadow: 0 0 .066667rem .026667rem rgba(0, 0, 0, 0.3);
    line-height: 1.2rem;
}

.login-back_btn {
    z-index: 1;
    height: .6rem;
    width: .6rem;
    display: block;
    border :0;
    float: left;
    top: 0.3rem;
    margin: 0 .2rem 0 0.4rem;
    position: relative;
    background: url(../../image/LoginPage/back_btn-img.png) no-repeat center;
    background-size: .5rem;
}

.login-back_sign {
    font-size: 28px;
    z-index: 1;
    cursor: pointer;
    color: #ffffff;
}

/*     logo界面    */
.login-logo {
    display: block;
    margin: 0 auto;
    height: 2.5rem;
    width: 7.5rem;
}

.login-logo img {
    display: block;
    margin-top: .2rem;
    height: 2.5rem;
    width: 7.5rem;
}



.login-main_box {
    height: 2rem;
    width: 8.5rem;
    margin: 0 auto;

}

/*     输入框    */

.box-input_area {
    position: relative;
    display: block;

}


.login-main_box>.box-input_area>.login-control {
    z-index: 3;
    height: .84rem;
    width: 7rem;
    margin: 0 auto .3rem auto;
    padding: .1rem .25rem .1rem 1.25rem;
    border: .026667rem solid #cccccc;
    display: block;
    border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
}

input::-webkit-input-placeholder {
    color: #cccccc;

}
.login-main_box>.box-input_area>.login-control:focus{
    border: .026667rem solid #00b7ff;
}
.login-main_box>.box-input_area>.login-control:focus+img{
    z-index: 4;
}
.input-image {
    position: absolute;
    top: .013333rem;
    left: .2rem;
    margin: .1rem;
    height: .84rem;
    width: .84rem;
}
.input-image_focus {
    z-index: -1;
}
.password-eye_btn{
    left: 7rem;
}



/*     登录按钮    */
.login-main_box>.login-login_btn {
    cursor: pointer;
    display: block;
    margin-top: .4rem;
    border: 0;
    width: 100%;
    padding: .3rem 0;
    background-color: rgb(44, 151, 222);
    color: #fff;
    font-weight: bold;
    border-radius: 2rem;
    box-shadow: .04rem .066667rem .066667rem .026667rem rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
}

.login-main_box>.login-login_btn:active {
    background-color: rgb(19, 119, 185);
    box-shadow: 0 0.04rem .04rem .026667rem rgba(0, 0, 0, 0.3);
}

.login-main_option {
    margin-top: .4rem;

}



.login-main_option>.option>a{
    color: rgb(19, 119, 185);
    text-decoration: none;
}
.login-main_option>.option>a:link {
    color: rgb(19, 119, 185);
    text-decoration: none;
}

.login-main_option>.option>a:visited {
    color: rgb(19, 119, 185);
    text-decoration: none;
}


.login-main_option>.option-left {
    float: left;
    text-decoration: none;
}



.login-main_option>.option-right {
    float: right;
    text-decoration: none;
}
